<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,
            initial-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>排班表</title>
    <link rel="stylesheet" href="./static/css/weui.min.css">
    <link rel="stylesheet" href="./static/css/jx.css">
    <style>
        .weui-picker__group:nth-child(3) {
            display: none !important;
        }
    </style>
</head>
<body>
<div class="page button js_show">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a href="./baogaoList.html" class="weui-navbar__item">
                报告查询1
            </a>
            <a href="#" class="weui-navbar__item weui-bar__item_on">
                报告查询2
            </a>
        </div>
        <div class="weui-tab__panel">
            <div class="">
                    <div class="weui-grids">
                        <span class="weui-grid" style="padding: 5px;width: 100%" id="riqi">
                            <p class="weui-grid__label"><span>月份</span><i class="icon icon-ad"></i></p>
                        </span>
                    </div>
                    <div class="weui-panel weui-panel_access" style="margin-top: 0">
                        <div class="weui-panel__bd">
                            <a href="baogaoDetail2.html" class="weui-cell weui-cell_access weui-cell_link">
                                <div class="weui-cell__hd">
                                    LIS项目名称
                                </div>
                                -
                                <div class="weui-cell__bd">
                                    项目名称
                                </div>
                                <div class="weui-cell__ft">
                                    日期日期日期日期
                                </div>
                            </a>
                            <a href="baogaoDetail2.html" class="weui-cell weui-cell_access weui-cell_link">
                                <div class="weui-cell__hd">
                                    LIS项目名称
                                </div>
                                -
                                <div class="weui-cell__bd">
                                    项目名称
                                </div>
                                <div class="weui-cell__ft">
                                    日期日期日期日期
                                </div>
                            </a>
                            <a href="baogaoDetail2.html" class="weui-cell weui-cell_access weui-cell_link">
                                <div class="weui-cell__hd">
                                    LIS项目名称
                                </div>
                                -
                                <div class="weui-cell__bd">
                                    项目名称
                                </div>
                                <div class="weui-cell__ft">
                                    日期日期日期日期
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    <div class="page__ft page__bd_spacing">
    </div>
</div>
</body>
<script type="text/javascript" src="./static/js/weui.min.js"></script>
<script type="text/javascript" src="./static/js/zepto.min.js"></script>
<script type="text/javascript">
    var now = new Date();
    var form = {
        riqi: {
            year: null,
            month: null,
        },
    };

    var search = function () {
        weui.alert(JSON.stringify(form));
    }

    $(function () {
        $("#riqi").on("click", function () {
            var vm = this;
            weui.datePicker({
                start: new Date("2000-01-01"), // 从今天开始
                end: new Date((new Date()).getTime() + 7 * 24 * 3600000),
                defaultValue: [form.riqi.year || now.getFullYear(), form.riqi.month || now.getMonth() + 1],
                onConfirm: function (result) {
                    form.riqi = result[0].value + '-' + result[1].value;
                    $(vm).find("span").html(result[0].label + result[1].label);
                    search();
                },
                id: 'riqi-select'
            });
        });
    });
</script>
</html>
